<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>首页</title>
    <link rel="stylesheet" type="text/css" href="../../../app/assets/css/robotUI.css">
    <link rel="stylesheet" type="text/css" href="../../../app/assets/css/main.css">
</head>

<body>
    <!-- 头部 -->
    <div class="header">
        <div class="rob-container">
            <div class="qb-header-g qb-header-g__bg">
                <a class="qb-header-g__logo" href="">
                    <img src="../../../app/assets/images/logo.png">
                </a>
                <ul class="qb-header-g--navbar-right hiden">
                    <li><a href=""><i class="qb-head-icon-g qb-icon-user"></i>
                        <div class="popover qb-popover-g">
                            <div class="arrow"></div>
                            <p class="popover-title popover-name">阿超</p>
                            <p class="popover-title">上次登录时间</p>
                            <p class="popover-title">2016-09-27 18:00</p>
                            <div class="popover-content">
                                <button class="rob-btn rob-btn-danger rob-btn-circle qb-popover-g__pd20">体现</button>

                            </div>
                        </div>

                    </a></li>
                    <li><a href=""><i class="qb-head-icon-g qb-icon-bell"></i><span class="qb-news-g qb-news-g__absol1"></span></a></li>
                    <li><a href=""><i class="qb-head-icon-g qb-icon-quit"></i></a></li>
                </ul>
            </div>
        </div>
    </div>
    <!-- 菜单 -->
    <div class="qb-menu-g qb-menu-g--mini qb-open_menu-g">


        <!--close-->
        <ul class="rob-sidebar-menu-1 close">
            <!-- close -->
            <li class="nav-item">
                <a class=" ">
                    <i class="qb-icon-home"></i>
                    <span class="title">首页</span>
                    <span class="selected"></span>
                    <span class="arrow"><i class="rob-icon-angle-up"></i></span>
                </a>
                <ul class="sub-menu active open" style="display: block;">
                    <li class="nav-item" >
                        <a class="nav-link ">
                            <span class="title">菜单一1</span>
                        </a>
                    </li>
                    <li class="nav-item">
                        <a class=" ">
                            <span class="title">菜单二2</span>
                        </a>
                    </li>

                </ul>
            </li>
            <li class="nav-item">
                <a class=" ">
                    <i class="qb-icon-account"></i>
                    <span class="title">首页</span>
                    <span class="selected"></span>
                    <span class="arrow"><i class="rob-icon-angle-up"></i></span>
                </a>
                <ul class="sub-menu " >
                    <li class="nav-item">
                        <a class="nav-link ">
                            <span class="title">菜单一</span>
                        </a>
                    </li>
                    <li class="nav-item">
                        <a class=" ">
                            <span class="title">菜单二</span>
                        </a>
                    </li>

                </ul>
            </li>


            <li class="nav-item">
                <a class=" ">
                    <i class="qb-icon-payment"></i>
                    <span class="title">首页</span>
                    <span class="selected"></span>
                    <span class="arrow"><i class="rob-icon-angle-up"></i></span>
                </a>
                <ul class="sub-menu " >
                    <li class="nav-item">
                        <a class="nav-link ">
                            <span class="title">菜单一</span>
                        </a>
                    </li>
                    <li class="nav-item">
                        <a class=" ">
                            <span class="title">菜单二</span>
                        </a>
                    </li>

                </ul>
            </li>
            <li class="nav-item">
                <a class=" ">
                    <i class="qb-icon-instead"></i>
                    <span class="title">首页</span>
                    <span class="selected"></span>
                    <span class="arrow"><i class="rob-icon-angle-up"></i></span>
                </a>
                <ul class="sub-menu " >
                    <li class="nav-item">
                        <a class="nav-link ">
                            <span class="title">菜单一</span>
                        </a>
                    </li>
                    <li class="nav-item">
                        <a class=" ">
                            <span class="title">菜单二</span>
                        </a>
                    </li>

                </ul>
            </li>

            <li class="nav-item">
                <a class=" ">
                    <i class="qb-icon-credit"></i>
                    <span class="title">首页</span>
                    <span class="selected"></span>
                    <span class="arrow"><i class="rob-icon-angle-up"></i></span>
                </a>
                <ul class="sub-menu " >
                    <li class="nav-item">
                        <a class="nav-link ">
                            <span class="title">菜单一</span>
                        </a>
                    </li>
                    <li class="nav-item">
                        <a class=" ">
                            <span class="title">菜单二</span>
                        </a>
                    </li>

                </ul>
            </li>
            <li class="nav-item">
                <a class=" ">
                    <i class="qb-icon-other1"></i>
                    <span class="title">首页</span>
                    <span class="selected"></span>
                    <span class="arrow"><i class="rob-icon-angle-up"></i></span>
                </a>
                <ul class="sub-menu " >
                    <li class="nav-item">
                        <a class="nav-link ">
                            <span class="title">菜单一</span>
                        </a>
                    </li>
                    <li class="nav-item">
                        <a class=" ">
                            <span class="title">菜单二</span>
                        </a>
                    </li>

                </ul>
            </li>

            <li class="nav-item">
                <a class=" ">
                    <i class="qb-icon-other"></i>
                    <span class="title">首页</span>
                    <span class="selected"></span>
                    <span class="arrow"><i class="rob-icon-angle-up"></i></span>
                </a>
                <ul class="sub-menu " >
                    <li class="nav-item">
                        <a class="nav-link ">
                            <span class="title">菜单一</span>
                        </a>
                    </li>
                    <li class="nav-item">
                        <a class=" ">
                            <span class="title">菜单二</span>
                        </a>
                    </li>

                </ul>
            </li>
            <li class="nav-item">
                <a class=" ">
                    <i class="qb-icon-menu-message-thin"></i>
                    <span class="title">基本信息</span>
                    <span class="selected"></span>
                    <span class="arrow"><i class="rob-icon-angle-up"></i></span>
                </a>
                <ul class="sub-menu " >
                    <li class="nav-item">
                        <a class="nav-link ">
                            <span class="title">菜单一</span>
                        </a>
                    </li>
                    <li class="nav-item">
                        <a class=" ">
                            <span class="title">菜单二</span>
                        </a>
                    </li>

                </ul>
            </li>
            <li class="nav-item">
                <a class=" ">
                    <i class="qb-icon-menu-lock-thin"></i>
                    <span class="title">安全设置</span>
                    <span class="selected"></span>
                    <span class="arrow"><i class="rob-icon-angle-up"></i></span>
                </a>
                <ul class="sub-menu " >
                    <li class="nav-item">
                        <a class="nav-link ">
                            <span class="title">菜单一</span>
                        </a>
                    </li>
                    <li class="nav-item">
                        <a class=" ">
                            <span class="title">菜单二</span>
                        </a>
                    </li>

                </ul>
            </li>

        </ul>
    </div>
    <!-- layout -->
    <div class="qb-wapper-g qb-wapper-g__menu-mini qb-wapper_open-g">
        <!-- 表格 -->
        <div class="qb-panel-g clearfix qb-media-height">
            <div class="qb-column-header-g">
                <ol class="rob-breadcrumb rob-breadcrumb-pointed">
                    <li><a href="#"><i class="qb-icon-home"></i>首页</a></li>
                    <li class="active"><a href="#">系统通知</a></li>
                </ol>
            </div>
            <div class="qb-msg-g">
                <div class="qb-msg-g__title">
                     尊敬的北京新东方教育学校机构：
                </div>
                <div class="qb-msg-g__content">
                    为了您的账户保证金能正常使用，请您及时补缴5，000.00的保证金，谢谢配合！尊敬的北京新东方教育学校机构：为了您的账户保证金能正常使用，请您及时补缴5，000.00的保证金，谢谢配合！为了您的账户保证金能正常使用，请您及时补缴5，000.00的保证金，谢谢配合！尊敬的北 京新东方教育学校机构：为了您的账户保证金能正常使用，请您及时补缴5，000.00的保证金，谢谢配合！ 
                </div>
                <div class="qb-msg-g__time">
                    2016-12-12 14:48:26
                </div>
            </div>
        </div>
    </div>
    <!-- 尾部 -->
    <div class="qb-footer-g">
        Copyright©2015 融数金服 辽ICP备15009643号 ▏客服电话：010-56793739 周一至周五：9:00-20:00
    </div>
</body>

</html>
